<!-- 物料 modal -->
<div  id="meta" class="modal fade " tabindex="-1" role="dialog" >
    <div class="modal-dialog modal-lg" role="document" >
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">新增物料信息</h4>
            </div>
            <div class="modal-body" style="overflow:auto">
                <form action="#" method="post" id="mForm"  enctype="multipart/form-data">
                        <div class="form-group" style="display:none">
                            <label class="control-label col-lg-3">用户ID</label>
                            <div class="col-lg-8">
                            <input  class="form-control " name="uid" id="uid"/>
                            </div>
                        </div>
                    <div class="form-group">
                        <label class="control-label col-lg-3">物料名称</label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control " name="mname"/>
                        </div>
                    </div>


					<!--
                    <div class="form-group">
                        <label class="col-lg-3 control-label">选择图片</label>
                        <div class="col-lg-8">
                            <img src="images/57b682319f30ae15c4105ac834e198c6.jpg" class="preview " style="height: 200px ;width: 200px;overflow: hidden"/>
                            <input type="file" name="picture" class="form-control" onchange="imgPreview(this)" />
                        </div>
                    </div>
					-->
                    <div class="form-group">
                        <label class="control-label col-lg-3">点击地址</label>
                        <div class="col-lg-8">
                            <input type="url" class="form-control " name="mcliclurl"/>
                        </div>
                    </div>

                    <div class="form-group" >
                        <label class="control-label col-lg-3" ></label>
                        <div class="col-lg-8">

                            <input type="button" class="btn btn-white pull-right "  style="margin-top: 20px; " data-dismiss="modal" value="关闭" />
                            <input type="button" class="btn btn-success pull-right" onclick="toSubmit()" data-dismiss="modal" style="margin-right: 10px;margin-top:20px  " value="提交"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer  " >
            </div>
        </div>
    </div>
</div>
<!--修改物料信息-->
<div  id="meta1" class="modal fade " tabindex="-1" role="dialog" >
    <div class="modal-dialog modal-lg" role="document" >
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >修改物料信息</h4>
            </div>
            <div class="modal-body" style="overflow:auto">
                <form action="#" method="post" id="mForm1">
                    <div class="form-group" style="display:none">
                        <label class="control-label col-lg-3">物料ID</label>
                        <div class="col-lg-8">
                            <input  class="form-control " name="mid" id="mid1"/>
                        </div>
                    </div>
                    <div class="form-group" style="display:none">
                        <label class="control-label col-lg-3">用户ID</label>
                        <div class="col-lg-8">
                            <input  class="form-control " name="uid" id="uid1"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-lg-3">物料名称</label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control " name="mname" id="mname1"/>
                        </div>
                    </div>
					<!--
                    <div class="form-group">
                        <label class="col-lg-3 control-label">选择图片</label>
                        <div class="col-lg-8">
                            <img src="images/57b682319f30ae15c4105ac834e198c6.jpg" class="preview " style="height: 200px ;width: 200px;overflow: hidden"/>
                            <input type="file" name="picture" class="form-control" onchange="imgPreview(this)" />
                        </div>
                    </div>
					-->
                    <div class="form-group">
                        <label class="control-label col-lg-3">点击地址</label>
                        <div class="col-lg-8">
                            <input type="url" class="form-control " name="mcliclurl" id="mcliclurl1"/>
                        </div>
                    </div>

                    <div class="form-group" >
                        <label class="control-label col-lg-3" ></label>
                        <div class="col-lg-8">

                            <input type="button" class="btn btn-white pull-right "  style="margin-top: 20px; " data-dismiss="modal" value="关闭" />
                            <input type="button" class="btn btn-success pull-right" onclick="toChange()" data-dismiss="modal" style="margin-right: 10px;margin-top:20px  " value="提交"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer  " >
            </div>
        </div>
    </div>
</div>
<!--物料管理表-->
    <section class="panel" id="mPanel" >
        <button type="button" class="btn btn-info " data-toggle="modal" data-target="#meta">新增物料 </button>
        <br/><br/>
        <header class="panel-heading">物料管理 <i class="icon-info-sign text-muted" data-toggle="popover" data-html="true" data-placement="top" data-content="The datagrid use ajax to load the data. please put this file on a server to preview." title="" data-trigger="hover" data-original-title="Help"></i> </header>
        <div class="pull-out">
            <table  class="display" id="mate-dt"></table>
        </div>
    </section>

<script src="js/hosts/hostsM.js"></script>
